
    <style>
        .searchList label{
            line-height: 34px;
        }
        #searchCommunity a{
            color: #0A6CD1;
        }
        #searchCommunity h5{
            background-image:url(/assets/skin/boom.png);
            height: 35px;
            width: 35px;
            line-height: 30px;
            color: #ffffff;
        }
    </style>
<div class="input-group" style="width:100px;position: absolute;z-index: 10;left: 20px;top:70px">
    <div class='input-group-btn' >
        <g:select class="form-control" name="city" id="city"
                  from="${com.cindata.City.executeQuery("select distinct e.city as city from  Estate e ")}"
                  valueMessagePrefix="status" optionKey="zoneNumber" optionValue="name"
                  value="${params?.city}"
                  onchange="search()"/>
    </div>
    <input type="text" class="form-control" style="width:300px" id="search"/>
    <span class="pe-7s-search" id='searchData' style="position: absolute;z-index: 20;right:14px;top:7px;cursor: pointer; font-size: 20px;"
       onclick="searchData(window.map)"></span>
</div>
<div style="width:385px;position: absolute;z-index: 10;left: 20px;top:110px">
    <div class="">
        <div class="hpanel">
            <div class="panel-heading hbuilt">
                <div class="panel-tools">
                    <a class="showhide"><i class="fa fa-chevron-up"></i></a>
                </div>
                筛选条件
            </div>
            <div class="panel-body">
                <div class="row">
                    <div class="form-group col-sm-12 m-n">
                        <label for="city" class="col-sm-2 control-label p-n p-t-xs p-b-xs">放贷日期</label>
                        <div class="col-sm-10 input-daterange input-group p-r-n p-l-md"  id="datepicker" style="width: 83%;">
                            <input type="text" class=" form-control " placeholder="放款时间"  style="height:28px"
                                   value="${params?.startDate}" name="startDateStart" id="startDateStart"
                                   onchange="searchData(window.map)"/>
                            <span class="input-group-addon" style="padding-bottom: 2px">至</span>
                            <input type="text" class=" form-control " placeholder="结束时间" style="height:28px"
                                   value="${params?.endDate}" name="startDateEnd" id="startDateEnd"
                                   onchange="searchData(window.map)"/>
                        </div>
                    </div>
                </div>
                <div class="row searchList">
                    <div class="form-group col-sm-6 m-n">
                        <label for="district" class="col-sm-5 p-n">行政区</label>
                        <div class="col-sm-7 district p-n " >
                            <g:select class="form-control" name="city" id="district"
                                      from="${com.cindata.City.executeQuery("select distinct e.city as city from  Estate e ")}"
                                      valueMessagePrefix="status" optionKey="zoneNumber" optionValue="name"
                                      value="${params?.city}"
                                      noSelection="${["-1": '请选择行政区']}"
                                      onchange="searchData(window.map)"/>
                        </div>
                    </div>
                    <div class="form-group col-sm-6 m-n">
                        <label class="col-sm-5 p-n" >押品风险</label>
                        <div class="col-sm-7 p-n">
                            <g:select class="form-control" name="risk" id="risk"
                                      from="${com.cindata.dimension.RiskDimension.list()}"
                                      valueMessagePrefix="status" optionKey="label" optionValue="label"
                                      value="${params?.risk}"
                                      noSelection="${["": '押品风险']}"
                                      onchange="searchData(window.map)"/>
                        </div>
                    </div>
                </div>
                <div class="row searchList">
                    <div class="form-group col-sm-6 m-n">
                        <label class="col-sm-5 p-n">贷款时长</label>
                        <div class="col-sm-7 p-n">
                            <g:select class="form-control" name="loansDuration" id="loansDuration"
                                      from="${com.cindata.dimension.YearLimitDimension.list()}"
                                      valueMessagePrefix="status" optionKey="label" optionValue="label"
                                      value="${params?.loansDuration}"
                                      noSelection="${["": '贷款时长']}"
                                      onchange="searchData(window.map)"/>
                        </div>
                    </div>
                    <div class="form-group col-sm-6 m-n">
                        <label class="col-sm-5 p-n" >面积区段</label>
                        <div class="col-sm-7 p-n">
                            <g:select class="form-control" name="buildArea" id="buildArea"
                                      from="${com.cindata.dimension.BuildAreaDimension.list()}"
                                      valueMessagePrefix="status" optionKey="label" optionValue="label"
                                      value="${params?.buildArea}"
                                      noSelection="${["": '面积区段']}"
                                      onchange="searchData(window.map)"/>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group col-sm-6 m-n">
                        <div class="col-sm-12 p-n">
                            <g:select class="form-control" name="customCode" id="customCode"
                                      from="${com.cindata.dimension.CustomDimension.executeQuery(" from CustomDimension c where c.parent is null and c.dictoryType = 'EstateRisk' order by orderNumber ")}"
                                      valueMessagePrefix="status" optionKey="code" optionValue="label"
                                      noSelection="${["": '已抵押数量']}"
                                      value="${params?.customCode}" />
                        </div>
                    </div>
                    <div class="form-group col-sm-6 m-n">
                        <div class="col-sm-12 p-n">
                            <g:select class="form-control" name="customValue" id="customValue"
                                      from="${com.cindata.dimension.CustomDimension.findAllByParent(null)}"
                                      optionKey="label" optionValue="label"
                                      value="${params?.customValue}"
                                      noSelection="${["": '请选择']}"
                                      onchange="searchData(window.map)"/>
                        </div>
                    </div>
                </div>
            </div>
            <ul class="list-group" id="searchCommunity" style="max-height: 500px;overflow-y:scroll;background: #fff">
            </ul>
        </div>
    </div>
</div>
